<template>
  <view class="clear-cache-main">
    <view class="row-wrapper">
      <text class="text">清除缓存</text>
      <view class="right-area">
        <text class="tip">包括数据和图片</text>
        <checkbox class="radio-label" :checked="Storage" @change="changestorage()"></checkbox>
        <!--				<input type="radio" />-->
      </view>
    </view>

    <view class="row-line"></view>
	
		<view class="row-wrapper">
			<text class="text">清除历史记录</text>
			<view class="right-area">
				<text class="tip">将清除所有房源浏览信息</text>
				<checkbox class="radio-label" :checked="history" @change="changehistory()"></checkbox>
				<!--				<input type="radio" />-->
			</view>
		</view>
	
		<view class="row-line"></view>

    <wide-button class="wide-button"><text class="text">确认清除</text></wide-button>
  </view>
</template>

<script>
  import wideButton from "@/widgets/wideButton";
  export default {
    components: {
      wideButton
    },
    data() {
      return {
        history:false,
		Storage:false
      };
    },
	methods:{
		changehistory(){
			this.history = !this.history
		},
		changestorage(){
			this.Storage = !this.Storage
		}
	}
  };
</script>
<style scoped>
	/deep/ radio .uni-radio-input{
		background-color: #004fbf !important;
		border-color: unset;
		width: 28rpx;
		height: 28rpx;
		
	}
	/deep/  uni-radio .uni-radio-input.uni-radio-input-checked:before{
		font-size: 20rpx !important;
	}
</style>
<style lang="scss" scoped>
  @import "../assets/styles/global";

  .clear-cache-main {
    flex-direction: column;
    @include center;

    .row-wrapper {
      width: 750rpx;
      height: 104rpx;
      background-color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 28rpx 32rpx;
      box-sizing: border-box;

      .text {
        height: 48rpx;

        font-size: 28rpx;
        font-weight: normal;
        font-stretch: normal;
        line-height: 48rpx;
        letter-spacing: 0rpx;
        color: #3d444c;
      }

      .right-area {
        .tip {
          height: 48rpx;
          font-size: 28rpx;
          font-weight: normal;
          font-stretch: normal;
          line-height: 48rpx;
          letter-spacing: 0rpx;
          color: #969799;
        }
				.radio-label{
					margin-left: 46rpx;
				}
      
      }


    }

    .row-line {
      width: 686rpx;
      height: 2rpx;
      background-color: #ebedf0;
    }

    .wide-button {
      position: absolute;
      top: 334rpx;
      @include center;
      box-sizing: border-box;
      width: 604rpx;
      height: 84rpx;
      background-color: #ebedf0;
      border-radius: 42rpx;

      .text {
        width: 112rpx;
        height: 32rpx;
        font-size: 28rpx;
        font-weight: normal;
        font-stretch: normal;
        line-height: 32rpx;
        letter-spacing: 0rpx;
        color: #ba9d61;
      }
    }
  }
</style>
